<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ page language="java" pageEncoding="UTF-8"
	contentType="text/html;charset=UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<!--<![endif]-->

<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
<meta name="description" content="overview &amp; stats" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<!-- ////////////////////////////////// -->
<!-- //      Stylesheets Files       // -->
<!-- ////////////////////////////////// -->
<link rel="stylesheet" href="/css/base.css" id="camera-css" />
<link rel="stylesheet" href="/css/framework.css" />
<link rel="stylesheet" href="/css/style.css" />
<link rel="stylesheet" href="/css/noscript.css" media="screen,all"
	id="noscript" />
<link rel="stylesheet" href="/css/index.css" />
<!-- ////////////////////////////////// -->
<!-- //     Google Webfont Files     // -->
<!-- ////////////////////////////////// -->


<!-- ////////////////////////////////// -->
<!-- //        Favicon Files         // -->
<!-- ////////////////////////////////// -->
<link rel="shortcut icon" href="images/favicon.ico" />



<!-- IE Fix for HTML5 Tags -->
<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
	<!-- header start here -->
	<%@include file="/include/header.jsp"%>
	<!-- header end here -->
	<!-- slideshow start here -->
	<section id="slideshow-wrapper">
	<div class="camera_wrap" id="camera-slide">
		<!-- slide here -->
		<!-- homeShowMap中key为root的是需要展示几个大类，root中的主键，就可以获取子类的集合 -->
		<c:forEach items="${homeShowMap['root']}" var="homeShow">
			<div data-src="${homeShow.stImg}">
				<c:forEach items="${homeShowMap[homeShow.stId]}" var="homeShowChild">
					<c:if test="${homeShowChild.stText != null}">
						<div
							class="${homeShowChild.stCaptionType} ${homeShowChild.stInType}">
							${homeShowChild.stText}</div>
					</c:if>
					<c:if test="${homeShowChild.stImg != null}">
						<div
							class="${homeShowChild.stCaptionType} ${homeShowChild.stInType}">
							<img src="${homeShowChild.stImg}" alt="" />
						</div>
					</c:if>
				</c:forEach>
			</div>
		</c:forEach>
	</div>
	<div id="slideshow-noscript">
		<h4>脚本加载中......</h4>
	</div>
	</section>
	<!-- slideshow end here -->
	<div class="copyrights">
		Collect from <a href="http://www.cssmoban.com/" title="网站模板">网站模板</a>
	</div>
	<!-- featured client start here -->
	<section id="featured-wrapper"> </section>
	<!-- featured client end here -->

	<!-- maincontent start here -->
	<section id="content-wrapper">
	<div class="row">
		<c:forEach items="${serviceList}" var="service">
			<div class="three columns mobile-two">
				<h5><a href="/service/service_list.asp?stId=${service.stId}">${service.stName}&raquo;</a></h5>
				<div class="link-zoom">
					<c:choose>
						<c:when test="${service.stLink != null}">
							<a class="fancybox" href="${service.stLink }" title="${service.stName }">
								<img src="${service.stImage}" alt="查看链接" class="fade" />
							</a>
						</c:when>
						<c:otherwise>
							<a class="fancybox" href="${service.stImage }" title="${service.stName}">
								<img src="${service.stImage}" alt="查看大图" class="fade" />
							</a>
						</c:otherwise>
					</c:choose>
				</div>
			</div>
		</c:forEach>
	</div>

	<div class="row" id="device">
		<div class="twelve columns">
			<h5>设备</h5>
		</div>
		<div class="twelve columns">
			<div id="demo">
				<div id="indemo">
					<div id="demo1">
						<c:forEach items="${deviceList}" var="device">
							<a style="float: left;" href="#"><img src="${device.stImg}"
								border="0" />
							<div style="margin-bottom: 2">${device.stName}</div></a>
						</c:forEach>
					</div>
					<div id="demo2"></div>
				</div>
			</div>
		</div>
	</div>

	</section>
	<!-- maincontent end here -->

	<!-- footer start here -->
	<%@include file="/include/footer.jsp"%>
	<!-- footer end here -->
	<!-- ////////////////////////////////// -->
	<!-- //      Javascript Files        // -->
	<!-- ////////////////////////////////// -->
	<script src="/script/jquery.min.js"></script>
	<script src="/script/jquery.easing-1.3.min.js"></script>
	<script src="/script/tooltip.js"></script>
	<script src="/script/dropdown.js"></script>
	<script src="/script/tinynav.min.js"></script>
	<script src="/script/camera.min.js"></script>
	<script src="/script/jquery.fancybox.js"></script>
	<script src="/script/jquery.fancybox-media.js"></script>
	<script src="/script/jquery.ui.totop.min.js"></script>
	<script src="/script/ddaccordion.js"></script>
	<script src="/script/jquery.twitter.js"></script>
	<script src="/script/jflickrfeed.min.js"></script>
	<script src="/script/faq-functions.js"></script>
	<script src="/script/theme-functions.js"></script>
	<script src="/script/base.js"></script>
	<script src="/script/index.js"></script>
</body>
</html>